<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品展示</title>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../CSS/home.css">
</head>

<body>
    <nav class="navbar header">
        <div class="container style" style="margin: 0;">
            <ul class="nav navbar-nav">
                <li class="h">精品女装</li>
                <li><a href="#" class="active">首页</a></li>
                <li><a href="../购物车/shopcar.html">我的购物车</a></li>
                <li><a href="../后台用户商品管理/userlist.html">后台管理</a></body>
                <li><a href="../登入与注册/login.html">您好, 请登录</a></li>
                <li id="current-time" class="navbar-text">时间加载中...</li>
            </ul>
        </div>
    </nav>

    <div id="featured-products" class="text-center">
        <a href="../首页商品展示/home.html" id="product-link">
            <img src="../images/dress7.jpg" class="img-responsive" id="product-image">
            <h3 id="product-desc">白色上衣</h3>
        </a>
    </div>

    <div class="container-fluid">
        <div class="row">
            <div class=" col-sm-6 col-md-4 col-lg-3 mb-4">
                <div class="thumbnail">
                    <a href="../商品详情/details.html">
                        <img src="../images/dress1.jpg" class="img-responsive" alt="...">
                    </a>
                    <div class="caption">
                        <h3 class="text-center"><a href="../商品详情/details.html" class="link">红色裙子</a></h3>

                        <div class="row">
                            <div class="col-xs-6">
                                <p class="price">￥299.00</p>
                            </div>
                            <div class="col-xs-6 text-right">
                                <span class="star-rating" title="这是店铺等级">★★★★★</span>
                            </div>
                        </div>
                        <p class="text-center">商品描述：高质量面料，舒适透气...</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 col-lg-3 mb-4">
                <div class="thumbnail">
                    <a href="../商品详情/details.html">
                        <img src="../images/dress2.jpg" class="img-responsive" alt="...">
                    </a>
                    <div class="caption">
                        <h3 class="text-center"><a href="../商品详情/details.html">白色裙子</a></h3>
                        <div class="row">
                            <div class="col-xs-6">
                                <p class="price">￥299.00</p>
                            </div>
                            <div class="col-xs-6 text-right">
                                <span class="star-rating" title="这是店铺等级">★★★★★</span>
                            </div>
                        </div>
                        <p class="text-center">商品描述：高质量面料，舒适透气...</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 col-lg-3 mb-4">
                <div class="thumbnail">
                    <a href="../商品详情/details.html">
                        <img src="../images/dress3.jpg" class="img-responsive" alt="...">
                    </a>
                    <div class="caption">
                        <h3 class="text-center"><a href="../商品详情/details.html">白色上衣</a></h3>

                        <div class="row">
                            <div class="col-xs-6">
                                <p class="price">￥299.00</p>
                            </div>
                            <div class="col-xs-6 text-right">
                                <span class="star-rating" title="这是店铺等级">★★★★★</span>
                            </div>
                        </div>
                        <p class="text-center">商品描述：高质量面料，舒适透气...</p>
                        <p class="text-center">
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 col-lg-3 mb-4">
                <div class="thumbnail">
                    <a href="../商品详情/details.html">
                        <img src="../images/dress4.jpg" class="img-responsive" alt="...">
                    </a>
                    <div class="caption">
                        <h3 class="text-center"><a href="../商品详情/details.html" >黑白套装</a></h3>

                        <div class="row">
                            <div class="col-xs-6">
                                <p class="price">￥299.00</p>
                            </div>
                            <div class="col-xs-6 text-right">
                                <span class="star-rating" title="这是店铺等级">★★★★★</span>
                            </div>
                        </div>
                        <p class="text-center">商品描述：高质量面料，舒适透气...</p>
                        <p class="text-center">
                        </p>
                    </div>
                </div>
            </div>

        </div>

    </div>
    <script src="../jquery.min.js"></script>
    <script src="../bootstrap/js/bootstrap.min.js"></script>
    <script src="../JS/home.js"></script>
</body>

</html>